<template>
  <section>
    <a-col :span="labelCol" style="text-align: right;">
      <span class="a-item-label">{{ label }}</span>
    </a-col>
    <a-col :span="wrapperCol">
      <slot></slot>
    </a-col>
  </section>
</template>

<script>
export default {
  name: "ARowItem",
  props: ["label", "label-col", "wrapper-col"]
};
</script>

<style scoped>
.a-item-label {
  color: rgba(0, 0, 0, 0.85);
}
</style>
